import { StyleSheet } from "react-native";
import { dp } from 'src/utils/index'
const styles = StyleSheet.create(
  {
    search: {
      width: '100%',
      paddingLeft: dp(24),
      paddingRight: dp(24),
      marginTop: dp(16),
    },
    search_main: {
      flexDirection: 'row',
      backgroundColor: '#292D39',
      // border: 1px solid #363942,
      // border-radius: 8px,
      width: '100%',
      height: dp(36),
      paddingLeft: dp(8),
      paddingRight: dp(8),
      alignItems: 'center',
    },
    ipt: {
      width: '84%',
      marginLeft: dp(10),
    },
    list: {
      flex: 1,
    },
    list_search: {
      paddingLeft: dp(24),
      paddingRight: dp(24),
      paddingTop: dp(10),
    },
    list_search_li: {
      marginTop: dp(20),
      paddingBottom: dp(10),
      flexDirection: 'row'
    },
    list_search_left: {
      width: dp(40),
      height: dp(40),
      flexBasis: dp(40),
      img: {
        width: '100%',
        height: '100%',
      }
    },
    list_search_right: {
      marginLeft: dp(16),
      p1: {
        fontSize: dp(16),
        color: '#eee',
      },
      p2: {
        marginTop: dp(8),
        fontSize: dp(12),
        color: '#817A7A',
      }
    },
    list_search_btn: {
      width: dp(151),
      height: dp(40),
      backgroundColor: '#CBFB5E',
      // border-radius: 4px,
      fontSize: dp(16),
      // font-family: AppleSystemUIFont,
      color: '#20242F',
      textAlign: 'center',
      lineHeight: dp(40),
      marginTop: dp(60),
    },
    list_main: {
      paddingTop: dp(20),
    },
    list_main_li: {
      paddingLeft: dp(24),
      flexDirection: 'row',
      justifyContent: 'space-between',
      alignItems: 'flex-start',
      marginTop: dp(15),
    },
    list_main_left:{
      flexDirection:'row',
      alignItems:'center',
    },
    sort:{
      fontSize:dp(14),
      color:'#fff',
      lineHeight:dp(18)
    },
    main_img:{
      width:dp(32),
      height:dp(32),
      marginLeft:dp(20),
      borderRadius:dp(3)
    },
    main_img48:{
      width:dp(48),
      height:dp(48),
      marginLeft:dp(16),
      borderRadius:dp(3)
    },
    list_main_right:{
      width: dp(266),
      paddingRight: dp(24),
      paddingBottom: dp(18),
      // border-bottom: 1px solid rgba(255, 255, 255, 0.2),
    },
    list_main_right247:{
      width:dp(247),
      paddingBottom:dp(32),
    },
    list_main_right_flex:{
      flexDirection:'row',
      alignItems:'center',
      justifyContent:'space-between',
    }
  }
);
export default styles